<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="../../css/web_style.css" />
    <script type="text/javascript" src="../../js/jquery.min.js"></script>

</head>
<style>
    .content_img img {
        width: 100%;
        /* height: 100%; */
    }

    .div_bubble {
        width: 100px;
        height: 30px;
        border: 1px solid #ffffff;
        position: absolute;
        border-radius: 15px;
        background-color: #15100D;
        font-weight: 600;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    #bubble_01 {
        top: 80%;
        /* top: 7.5%; */
        left: 23%;
    }

    #bubble_02 {
        top: 75%;
        /* top: 7.5%; */
        left: 23%;
    }

    #bubble_03 {
        top: 80%;
        /* top: 7.5%; */
        left: 54%;
    }

    #bubble_04 {
        top: 75%;
        /* top: 7.5%; */
        left: 54%;
    }


    .div_bubble::before {
        content: '';
        width: 0;
        height: 0;
        border: 10px solid;
        position: absolute;
        bottom: -20px;
        left: 58px;
        border-color: #fff transparent transparent;
    }

    .div_bubble::after {
        content: '';
        width: 0;
        height: 0;
        border: 10px solid;
        position: absolute;
        bottom: -19px;
        left: 58px;
        border-color: #15100D transparent transparent;
    }





    .div_bubble1::before {
  
        bottom: -20px;
        left: 58px;
        border-color: #fff transparent transparent;
    }

    .div_bubble1::after {

        bottom: -19px;
        left: 58px;
        border-color: #15100D transparent transparent;
    }

    .div_bubble2::before {

        top: -20px;
        right: 15px;
        border-color: transparent transparent #fff;
    }

    .div_bubble2::after {
        top: -19px;
        border-color: transparent transparent #15100D;
        right: 15px;
    }

    .div_bubble3::before {
  
        bottom: -20px;
        left: 15px;
        border-color: #fff transparent transparent;
    }

    .div_bubble3::after {
        bottom: -19px;
        left: 15px;
        border-color: #15100D transparent transparent;
    }

    .div_bubble4::before {
        top: -20px;
        left: 15px;
        border-color: transparent transparent #fff;
    }

    .div_bubble4::after {

        top: -19px;
        border-color: transparent transparent #15100D;
        left: 15px;
    }
</style>

<body ontouchstart="">
    <div class='product_detail'>
        <div class='title_img'>
            <img src="../../img/title.png" alt="">
        </div>
        <div class='content'>
            <div class='content_img'>
                <img src="../../img/product_Detail_bg.jpg" alt="">
                <div class='div_bubble div_bubble1' id='bubble_01'>急救药品</div>
                <div class='div_bubble div_bubble2' id='bubble_02'>急救药品2</div>
                <div class='div_bubble div_bubble3' id='bubble_03'>急救药品3</div>
                <div class='div_bubble div_bubble4' id='bubble_04'>急救药品4</div>
            </div>
        </div>
    </div>
    <div class='foot_btns btn_center'>
        <a href=" javascript:;">
            <div class=" btn btn_cart" id='backBtn'>
                <!-- <img src="../../img/shopping_cart.png" alt=""> -->
                <span class="btn_content">返回</span>

            </div>
        </a>
        <a href=" javascript:;">
            <div class=" btn btn_cart" id='addCart'>
                <!-- <img src="../../img/shopping_cart.png" alt=""> -->
                <span class="btn_content">加入购物车</span>

            </div>
        </a>
        <a href=" javascript:;">
            <div class=" btn btn_cart" id='goTop'>
                <!-- <img src="../../img/shopping_cart.png" alt=""> -->
                <span class="btn_content">回到顶部</span>

            </div>
        </a>
    </div>
    <script type="text/javascript" src="product_detail.js"></script>

    <script>


    </script>

</body>

</html>